<template>
  <div class="index">
    <div class="index-content">
      <router-view />
    </div>
    <div class="index-tab">
      <h-tab></h-tab>
    </div>
  </div>
</template>

<script setup lang="ts">
import HTab from "@/componentMobile/HTab.vue";
import {} from "vue";
</script>
<style lang="scss" scoped>
.index {
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.3);
  &-content {
    height: calc(100vh - 50px);
    overflow: auto;
  }
  &-tab {
    bottom: 0;
    width: 100%;
    height: 50px;
  }
}
</style>
